
<!DOCTYPE html>
<html>
  <head>
    <title>Welcome to ntopng</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="/js/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/bootstrap-datatable.js"></script>
    <script src="/js/d3.v2.min.js"></script>
    <script src="/js/jquery.peity.min.js"></script>
    <script src="/js/rickshaw.min.js"></script>
    <script src="/js/pie-chart.js"></script>
    <link href="/css/flags.css" rel="stylesheet">
    <link href="/css/pie-chart.css" rel="stylesheet">
    <link href="/css/rickshaw.min.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="/js/html5shiv.js"></script>
    <![endif]-->



 <style type="text/css">
      body {
        padding-top: 0px;
        padding-bottom: 20px;
      }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 1024px;
      }

      /* Smaller table row padding */
      .table th, .table td {
        padding: 6px;
      }

      /* Custom container */
      .progress {
        margin-bottom: 0px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 20px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 22px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 20px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }
    </style>
  </head>
<body>

  <div class="container-narrow">



 <style type="text/css">
      body {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
   }

      .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
          -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
      box-shadow: 0 1px 2px rgba(0,0,0,.05);
   }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }

    </style>

<div class="container">

      <form class="form-signin" action="/authorize.html">
        <h2 class="form-signin-heading">Welcome to ntopng</h2>
        <input type="text" class="input-block-level" name="user" placeholder="Username">
        <input type="password" class="input-block-level" name="password" placeholder="Password">
        <button class="btn btn-large btn-primary" type="submit">Login</button>
	<div class="row"><div class="span6">&nbsp;</div>
<div class="span4">
<small>
<p>If you find ntopng useful, please support us by making a small <A href=http://shop.ntop.org>donation</A>. Your funding will help to run and foster the development of this project. Thank you.
</p>

<p>&copy; ntop.org - ntopng is released under <A HREF=http://www.gnu.org/copyleft/gpl.html>GPLv3</A>.</p>

	      <p class="muted">Hint: the default user and password are admin</p></small></div></div>
      </form>

 </div> <!-- /container -->

</body>
</html>

